<nav> 
    <ul  id="menu-config">
        <li><a id="equipamentos">Equipmantos</a></li>
        <li><a id="usuarios">Usuarios</a></li>
        <li><a id="feriados">Feriados</a></li>    
    </ul>
</nav>
<br><br><br>
<div id="resultado">
</div>
<div id="add-feriado">    
</div>
<br>
<br>
&nbsp<big>Adicionar Novo Feriado</big>

<?php
echo $this->element('search-bar', array("options" => "Feriado,listar,Nome,250"));
?>

<div class="tabela">
    <table>
        <tr>        
            <th>Feriado</th>
            <th>Descrição do dia</th>
            <th>Data</th>
            <th colspan="2" >Opções/Modificações</th>

        </tr>    
        <?php foreach ($feriados as $feriado): ?>
            <tr>        
                <td>
                    <?php echo $feriado['Feriado']['nome']; ?>
                </td>
                <td>
                    <span class="descricao">
                        <?php echo $feriado['Feriado']['desc']; ?>
                    </span>
                </td>
                <td>
                    <?php echo $feriado['Feriado']['dia'] . "/" . $feriado['Feriado']['mes']; ?>
                </td>
                <td>
                    <span class="link-editar"><input type="hidden" value="<?php echo $feriado['Feriado']['id']; ?>">Editar</span>                    
                </td>                
                <td>
                    <span class="link-excluir"><input type="hidden" value="<?php echo $feriado['Feriado']['id']; ?>">Excluir</span>                    
                </td>     
            </tr>
        <?php endforeach; ?>
    </table>
</div>

<div id="formulario">    
</div>
<style>
    #add-feriado{
        background-image: url('../img/add/add03.png');
        background-size: 100%;

        width:70px;
        height: 70px;

        margin-left: 30px;
        float:left;

        cursor: pointer;
    }
    .descricao{
        font-size: 12px;
    }
    .link-editar{
        cursor: pointer;

        border: #75bdd1 double;
        padding: 2px;
        font-weight: 700;
        color: #F0F0F0;

        background: #2191c0;
    }
    .link-editar:hover{
        border: #367889 double;
        background: #75bdd1;
    }
    .link-excluir{
        cursor: pointer;

        border: #a00 double;
        padding: 2px;
        font-weight: 600;
        color: #F0F0F0;

        background: #e52;
    }
    .link-excluir:hover{
        border: #a00 double;
        background: lightcoral;
    }
</style>
<script>
    $('#add-feriado').bind('click', function() {
        $.ajax({
            dataType: "html",
            url: '/calendarioweb/feriados/cadastrar',
            type: 'POST',
            success: function(data) {
                $('#formulario').html(data),
                $('#formulario').dialog({
                    title: 'Cadastro de Novo Feriado',
                    height: 570,
                    width: 400,
                    show: 'fade',
                    hide: 'fade',
                    draggable: false,
                    resizable: false,
                    modal: true
                });
            }
        });
    });
    $('.link-editar').bind('click', function() {
        $.ajax({
            dataType: "html",
            url: '/calendarioweb/feriados/editar/' + $(this).children().attr('value'),
            type: "POST",            
            success: function(data) {
                $('#formulario').html(data),
                $('#formulario').dialog({
                    title: 'Editar Feriado',
                    height: 620,
                    width: 450,
                    show: 'fade',
                    hide: 'fade',
                    draggable: false,
                    resizable: false,
                    modal: true                    
                });
            }
        });
    });
    $('.link-excluir').bind('click', function() {
        $.ajax({
            dataType: "html",
            url: '/calendarioweb/feriados/excluir/' + $(this).children().attr('value'),
            type: "POST"
        });
    });
    $('#equipamentos').bind('click', function() {
        window.self.location.href = '../equipamentos/listar';
    });

    $('#usuarios').bind('click', function() {
        window.self.location.href = '../usuarios/listar';
    });
    
    $('#feriados').bind('click', function() {
        window.self.location.href = '../feriados/listar';
    });
</script>
